@import '../global.less';

.breadcrumb {
  font-size: 14px;
  color: @bread-link-color;

  a {
    transition: color 500ms;

    &:hover {
      color: @base-color;
    }
  }

  .breadcrumb-item {
    &:last-child {
      span {
        font-weight: 600;
      }

      .breadcrumb-separator {
        display: none;
      }
    }
  }

  .breadcrumb-separator {
    margin: 0 8px 0 5px;
    color: @bread-separator-color;
  }
}
